/**
 * Shopware 4.0
 * Copyright © 2012 shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Checkbox
 * @copyright  Copyright (c) 2012, shopware AG (http://www.shopware.de)
 * @version    $Id$
 * @author shopware AG
 */
 
/** Checkbox group styling */
table[id^=checkboxgroup] td.#{$prefix}form-item-body {
	@include reset-border-radius;
	background: transparent;
	padding: 0;
}

/** Remove the padding on the left and right side of the element */
table[id^=checkboxfield] {
	td.#{$prefix}form-item-body {
		padding: 2px 0;

        .#{$prefix}form-cb-label {
            position: relative;
            top: 3px;
        }
	}
}

/** Checkbox style - Normal state */
td.#{$prefix}form-item-body .#{$prefix}form-checkbox {
	@include border-radius(3px);
	@include single-transition(all, 200ms, ease-in);
	@include user-select(none);
	width: 20px;
	height: 20px;
	border: 2px solid #dfe3e6;
	padding: 0;
}

/** Checkbox style - Disabled style */
td.#{$prefix}form-item-body .#{$prefix}form-checkbox,
td.#{$prefix}form-item-body .#{$prefix}item-disabled .#{$prefix}form-checkbox:hover {
	background: url("") no-repeat;
}

/** Checkbox style - Hover state */
td.#{$prefix}form-item-body .#{$prefix}form-checkbox:hover {
	background: url("") no-repeat;
}

/** Checkbox style - Checked state */
td.#{$prefix}form-item-body .#{$prefix}form-cb-checked .#{$prefix}form-checkbox,
.#{$prefix}form-cb-checked .#{$prefix}form-checkbox {
	background: url("") no-repeat !important;
	border-color: #afd9f7 !important;
}